<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- 加载公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- 加载独立样式表 -->
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 头部导航栏start -->
    <section class="header"> 
        <div class="header_top">
            <div class="header_min">
                <a href="#">
                    <img src="../images/logo.png"/>&nbsp;&nbsp;&nbsp;
                    <span>|</span>
                </a>
                <a href="#">官方微博:</a>
                <a href="#">深圳站</a>
                <a href="#">广州站</a>
                <a href="#">武汉站</a>
                <a href="#">English</a>  
            </div>   
        </div>
        <div class="header_nav">
            <ul>
                <li>
                    <a href="../html/index.html">首页</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="../html/list.html">官方动态</a>
                </li>
                <li>
                    <a href="#">科研与教学</a>
                </li>
                <li>
                    <a href="#">我们的课程</a>
                </li>
                <li>
                    <a href="#">我们的社区</a>
                </li>
                <li>
                    <a href="#">社会责任</a>
                </li>
            </ul>
        </div>
        <div class="header_bottom"><div>
    </section>
    <!-- 头部导航栏end -->

    <!-- 页面中间内容start -->
    <section class="content">
        <div class="content_center">
            <div class="content_center1"><img src="../images/content_left.png"></div>
            <div class="content_center2"><img src="../images/content_right.png"></div>   
        </div>
    </section>
    
     <!-- 页面中间内容end -->

    <!-- 底部start -->
    <section class="footer">
        <nav>
            <ul>
                <li>
                    <a>阳光名师</a>
                </li>
                <li>
                    <a>名师点评</a>
                </li>
                <li>
                    <a>品牌加盟</a>
                </li>
                <li>
                    <a>旗下网站</a>
                </li>
                <li>
                    <a>阳光名师</a>
                </li>
                <li>
                    <a>在线咨询</a>
                </li>
            </ul>
        </nav>
        <div class="footer_Af">
            <header>
                <h1>新闻中心</h1>
                <a>more</a>
            </header> 
            <ul class="list clear" >
                <li> 
                    <p>
                        <div class="square"></div>
                        <a>&nbsp;阳光喔广州大区“毕业墙”拓展训练活动的省</a>
                    </p>
                    <i>在这短短的时间里，阳光喔广州大区的108个同仁们在</i>
                </li>
                <li>
                    <p>
                        <div class="square"></div>
                        <a>&nbsp;阳光喔2016中德国际足球夏令营圆梦之旅盛大</a>
                    </p>
                    <i>2016年，阳光喔教育国际部隆重推出——中德国际足</i>
                </li>
                <li>
                    <p>
                        <div class="square"></div>
                        <a>&nbsp;阳光喔教育创始人罗珠彪受邀录制《教育大未</a>
                    </p>
                    <i>6月14日，受《教育大未来》栏目组特别邀请，阳光喔</i>
                </li>
                <li>
                    <p>
                        <div class="square"></div>
                        <a>&nbsp;读书解惑：回归语文教育的原点</a>
                    </p>
                    <i>语文教育症结并不在所谓工具性和人文性的失衡，而</i>
                </li>
            </ul>
        </div>
        <div class="footer_Bf">
            <ul>
                <li>员工服务:</li>
                <li>OA系统</li>
                <li>ORM系统</li>
                <li>企业邮编</li>
                <li>作业上传</li>
            </ul>
        </div>
        
        <div class="footer_Cf">
            北京市海淀区阳光喔培训学校 版权所有 京ICP备13018838-1号&nbsp;|&nbsp;隐私声明&nbsp;|&nbsp;总部地址：北京市海淀区中关村南大街12号阳光培训楼
            <img src="../images/cnzz.png">
        </div>
    </section>    
    <!-- 底部end -->

    <!-- 底部end -->
</body>
</html>